<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Izaya - 委托！</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/my-css.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
    
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/my-js.js"></script>
</head>
<body>













	<header class="navbar">
		<div class="container">
			<div class="row">
				
				<div class="col-md-12 add-relative">
					<div class="my-header">
						<a href="index.html">
							<img src="img/header.png" alt="my-logo" class="my-header-logo">
						</a>
					</div>
					
					<div id="star001" class="my-star">
						<img src="img/star/star.png" alt="star">
					</div>
					<div id="star002" class="my-star">
						<img src="img/star/star.png" alt="star">
					</div>
					<div id="star003" class="my-star">
						<img src="img/star/star.png" alt="star">
					</div>
					<div id="star004" class="my-star">
						<img src="img/star/star.png" alt="star">
					</div>
					<div id="star005" class="my-star">
						<img src="img/star/star.png" alt="star">
					</div>

				</div>

			</div>
		</div>
	</header>









	<nav id="my-menu" class="navbar">
		<div class="container">
			<div class="row">

				<div class="col-md-6 my-nav">

					<ul class="nav navbar-nav">					
						<li><a href="index.html">主页</a></li>
						<li><a href="izaya-about.html">人物卡</a></li>
						<li><a href="izaya-information.html">情报区</a></li>
						<li class="my-active"><a href="izaya-entrust.html">委托区</a></li>
						<li><a href="izaya-message.html">留言板</a></li>
					</ul>

				</div>

				<div class="col-md-6">

					<form action="" class="navbar-form navbar-right">
						<input type="text" name="search" class="form-control" autocomplete="off" placeholder="搜索……">
						<button type="submit" class="btn my-button">确定</button>
					</form>				
			
				</div>
				
			</div>
		</div>
	</nav>












	<div id="wrapper" class="container">
		<div class="row">










			<div id="my-old-left-menu" class="col-md-2 my-col">


				<div class="panel">
					<div class="panel-body">


						<div class="list-group">

							<div id="list-new" class="accordion">
								<div class="accordion-group">
									<div class="accordion-heading">										
										<a href="#list-new-body" class="accordion-toggle" data-toggle="collapse" data-parent="#list-new">
											<img src="img/star/star.png" alt="star" class="my-label-star">
											<span>最近委托</span>
										</a>
									</div>
									<div id="list-new-body" class="accordion-body collapse">
										<div class="accordion-inner"><a href="#">一级委托</a></div>
										<div class="accordion-inner"><a href="#">二级委托</a></div>
										<div class="accordion-inner"><a href="#">三级委托</a></div>
										<div class="accordion-inner"><a href="#">四级委托</a></div>
										<div class="accordion-inner"><a href="#">五级委托</a></div>
									</div>
								</div>
							</div>

							<div id="list-all" class="accordion">
								<div class="accordion-group">
									<div class="accordion-heading">
										<a href="#list-all-body" class="accordion-toggle" data-toggle="collapse" data-parent="#list-all">
											<img src="img/star/star.png" alt="star" class="my-label-star">
											<span>全部委托</span>
										</a>
									</div>
									<div id="list-all-body" class="accordion-body collapse">

										<div class="accordion-inner">
											<div id="list-one" class="accordion">
												<div class="accordion-group">
													<div class="accordion-heading">
														<a href="#list-one-body" class="accordion-toggle" data-toggle="collapse" data-parent="#list-one">
															人物调查
														</a>
													</div>
													<div id="list-one-body" class="accordion-body collapse">
														<div class="accordion-inner"><a href="#">一级</a></div>
														<div class="accordion-inner"><a href="#">二级</a></div>
														<div class="accordion-inner"><a href="#">三级</a></div>
														<div class="accordion-inner"><a href="#">四级</a></div>
														<div class="accordion-inner"><a href="#">五级</a></div>
													</div>
												</div>
											</div>
										</div>
									
										<div class="accordion-inner">
											<div id="list-two" class="accordion">
												<div class="accordion-group">
													<div class="accordion-heading">
														<a href="#list-two-body" class="accordion-toggle" data-toggle="collapse" data-parent="#list-two">
															事件跟踪
														</a>
													</div>
													<div id="list-two-body" class="accordion-body collapse">
														<div class="accordion-inner"><a href="#">一级</a></div>
														<div class="accordion-inner"><a href="#">二级</a></div>
														<div class="accordion-inner"><a href="#">三级</a></div>
														<div class="accordion-inner"><a href="#">四级</a></div>
														<div class="accordion-inner"><a href="#">五级</a></div>
													</div>
												</div>
											</div>
										</div>
									
										<div class="accordion-inner">
											<div id="list-three" class="accordion">
												<div class="accordion-group">
													<div class="accordion-heading">
														<a href="#list-three-body" class="accordion-toggle" data-toggle="collapse" data-parent="#list-three">
															悬赏
														</a>
													</div>
													<div id="list-three-body" class="accordion-body collapse">
														<div class="accordion-inner"><a href="#">高级</a></div>
														<div class="accordion-inner"><a href="#">中级</a></div>
														<div class="accordion-inner"><a href="#">普通</a></div>
													</div>
												</div>
											</div>
										</div>
									
										<div class="accordion-inner">
											<div id="list-four" class="accordion">
												<div class="accordion-group">
													<div class="accordion-heading">
														<a href="#list-four-body" class="accordion-toggle" data-toggle="collapse" data-parent="#list-four">
															绝对机密
														</a>
													</div>
													<div id="list-four-body" class="accordion-body collapse">
														<div class="accordion-inner"><a href="#">国家</a></div>
														<div class="accordion-inner"><a href="#">私人</a></div>
													</div>
												</div>
											</div>
										</div>

									</div>
								</div>
							</div>

						</div>


					</div>
				</div>
				

			</div>
















			
			<div class="col-md-8 my-col">
				<div class="panel">
					<div class="panel-body">

						<div class="my-blog">
							<div>
								<span class="my-blog-title"><a href="#">DollarsのBoss是谁啊？</a></span>
								<span class="my-blog-time">（2016-01-03&nbsp;&nbsp;16:37）</span>
							</div>
							<div class="my-share">
								<span>分享：</span>
								<a href="#" class="btn my-button">新浪</a>
								<a href="#" class="btn my-button">QQ好友</a>								
							</div>
							<div class="my-blog-type">
								<span>标签：</span>
								<a href="#">人物</a>
							</div>
							<div>
								<div>
									<div class="my-blog-img">
										<img src="img/entrust/Dollars.jpg" alt="Dollars">
									</div>
									<br>
									<p>DOLLARS没有规则，没有拘束，只要求做事后挂上DOLLARS的名义，也因此吸引了从学生到老人各色人等加入，数量庞大。</p>
									<p>成员基本上不认识彼此。组织的组织的boss也是谜一般的存在。</p>
									<p>有人以三百万日元向我们情报社提出委托，调查Dollars的老大。</p>
								</div>
							</div>
							<div class="my-more">
								<a href="#">More...</a>							
							</div>
							<hr>
						</div>

						<div class="my-blog">
							<div>
								<span class="my-blog-title"><a href="#">粟楠会的大小姐。</a></span>
								<span class="my-blog-time">（2016-01-03&nbsp;&nbsp;16:37）</span>
							</div>
							<div class="my-share">
								<span>分享：</span>
								<a href="#" class="btn my-button">新浪</a>
								<a href="#" class="btn my-button">QQ好友</a>								
							</div>
							<div class="my-blog-type">
								<span>标签：</span>
								<a href="#">人物</a>
							</div>
							<div>
								<div>
									<div class="my-blog-img">
										<img src="img/information/Akane.jpg" alt="Akane">
									</div>
									<br>
									<p>一直以为父亲的职业是画廊老板，在一次偶然中得知自己与同学看似和谐平等的关系是建立在自己是黑帮组织的孙女的身份之上，内心的一部分崩溃。后在折原临也和矢雾波江的帮助下离家出走。并被临也（临也指使，临也和茜见过面）诱骗使用强力电击枪攻击静雄。后来被静雄保护，从此之后总是缠着静雄不放。绑架事件结束后，”想变的强大“，后由赤林介绍到与折原舞流同一所的武馆学习护身术。 跟折原双子的关系很好。小说第五卷登场。</p>
								</div>
							</div>
							<div class="my-more">
								<a href="#">More...</a>							
							</div>
							<hr>
						</div>

						<div class="my-blog">
							<div>
								<span class="my-blog-title"><a href="#">调查聊天室里的饿鬼。</a></span>
								<span class="my-blog-time">（2016-01-03&nbsp;&nbsp;16:37）</span>
							</div>
							<div class="my-share">
								<span>分享：</span>
								<a href="#" class="btn my-button">新浪</a>
								<a href="#" class="btn my-button">QQ好友</a>								
							</div>
							<div class="my-blog-type">
								<span>标签：</span>
								<a href="#">人物</a>
								<a href="#">私人</a>
							</div>
							<div>
								<div>
									<br>
									<p>没有任何说明，感兴趣的可以前来接任务。</p>
								</div>
							</div>
							<div class="my-more">
								<a href="#">More...</a>							
							</div>
							<hr>
						</div>

						<div class="my-blog">
							<div>
								<span class="my-blog-title"><a href="#">协助跟踪和平岛静雄的日常。</a></span>
								<span class="my-blog-time">（2016-01-03&nbsp;&nbsp;16:37）</span>
							</div>
							<div class="my-share">
								<span>分享：</span>
								<a href="#" class="btn my-button">新浪</a>
								<a href="#" class="btn my-button">QQ好友</a>								
							</div>
							<div class="my-blog-type">
								<span>标签：</span>
								<a href="#">人物</a>
							</div>
							<div>
								<div>
									<div class="my-blog-img">
										<img src="img/entrust/jingjing.jpg" alt="jingjing">
									</div>
									<br>
									<p>这是情报社的日常小人物之一。</p>
									<p>只要在池袋街上看到和平岛静雄，不论何时何地，都可前来留言以助于任务的进程。</p>
								</div>
							</div>
							<div class="my-more">
								<a href="#">More...</a>							
							</div>
							<hr>
						</div>

						<div id="my-blog-more" class="my-blog">
							<button class="btn my-button">查看更多...</button>
						</div>




					</div>
				</div>
			</div>







			<div class="col-md-2 my-col">

				<div class="panel">
					<div class="panel-body">

						<div>
							<div id="information-carousel" class="carousel slide the-left-carousel">
								<ol class="carousel-indicators my-carousel-ol">
									<li data-target="#information-carousel" data-slide-to="0" class="active"></li>
									<li data-target="#information-carousel" data-slide-to="1"></li>
									<li data-target="#information-carousel" data-slide-to="2"></li>
									<li data-target="#information-carousel" data-slide-to="3"></li>
								</ol>

								<div class="carousel-inner">
									<div class="item active">
										<img src="img/entrust1.png" alt="1">
									</div>
									<div class="item">
										<img src="img/entrust2.png" alt="2">
									</div>
									<div class="item">
										<img src="img/entrust3.png" alt="3">
									</div>
									<div class="item">
										<img src="img/entrust4.png" alt="4">
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>

			</div>



			

		</div>
	</div>
		








	<footer class="">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
	
					<hr>
					<div>Copyright&nbsp;©&nbsp;2015-2016&nbsp;made&nbsp;with&nbsp;Bootstrap&nbsp;</div>
					<div>元素拼接者&nbsp;&nbsp;Lotency</div>
					<hr>

				</div>
			</div>
		</div>
	</footer>



</body>
</html>